.da1{
	position: relative;
	background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1551083371538&di=3585ed62beb0086431a6966c89b26068&imgtype=0&src=http%3A%2F%2Fattach.bbs.miui.com%2Fforum%2F201208%2F31%2F184944yzyt829l7qtmytyc.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	}
.head{
	width: 90%;
	margin: 0 16px;
	height: 60px;
	display: flex;
	position: relative;
	min-width: 800px;
	}
.ul{
	position: absolute;
	top: 20px;
	left: 200px;
}

ul{
	width: 100%;
	color: white;
	list-style-type: none;
}
li{
	float: left;
	margin: 0 30px;
}

.logo{
	height: 60px;
	width: 60px;
	display: flex;
}

#logo>span{
	width: 60px;
	height: 60px;
	display: inline-block;
	background-image: url(../草帽logo.jpeg);
	background-size: 100% 100%;
}
#logo>p{
	width: 130px;
	height: 30px;
	font-size: 12px;
	color: #fff;
	position: absolute;
	left: 80px;
}
#p1{
	top: 0;
}
#p2{
	top: 30px;
}

.mi{

	color: white;
	text-align: center;
	margin-top: 20%;

}
.mi>h2{
	font-size: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mi>h2:hover{
	cursor: pointer;
}

.mi div{
	font-size: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
















